import type { Config } from "tailwindcss";
import colors from "tailwindcss/colors";
import defaultTheme from "tailwindcss/defaultTheme";

console.log("defaultTheme.screens", defaultTheme.screens);
export default <Partial<Config>>{
  theme: {
    screens: {
      // 横屏且最大高度为431px
      "v-small": {
        raw: "all and (orientation: landscape) and (max-height: 431px)",
      },
      // 最大高度为668px
      "h-small": {
        raw: "(max-height: 668px)",
      },
      ...defaultTheme.screens,
    },
  },
  plugins: [],
  content: [
    `/components/**/*.{vue,js,ts}`,
    `/layouts/**/*.vue`,
    `/pages/**/*.vue`,
    `/composables/**/*.{js,ts}`,
    `/plugins/**/*.{js,ts}`,
    `/utils/**/*.{js,ts}`,
    `/App.{js,ts,vue}`,
    `/app.{js,ts,vue}`,
    `/Error.{js,ts,vue}`,
    `/error.{js,ts,vue}`,
    `/app.config.{js,ts}`,
  ],
};
